{% extends 'TopxiaWebBundle:Default:layout.html.twig' %}

{% block topbanner %}
  {% set blocks = data('Blocks',{'codes':['autumn:home_top_banner'] }) %}
  {% if blocks['autumn:home_top_banner'] %}
    <div id="autumn-carousel" class="carousel slide hidden-xs mbl" data-ride="carousel">
      <ol class="carousel-indicators">
          <li data-target="#autumn-carousel" data-slide-to="0" class="active"></li>
          <li data-target="#autumn-carousel" data-slide-to="1" class=""></li>
          <li data-target="#autumn-carousel" data-slide-to="2" class=""></li>
      </ol>
      <div class="carousel-inner">{{ blocks['autumn:home_top_banner']|raw }}</div>
      <a class="left carousel-control" href="#autumn-carousel" data-slide="prev">
          <span class="glyphicon glyphicon-chevron-left"></span>
      </a>
      <a class="right carousel-control" href="#autumn-carousel" data-slide="next">
          <span class="glyphicon glyphicon-chevron-right"></span>
      </a>
    </div>
  {% endif %}

{% endblock %}

{% block content %}
  <div class="row">
    <div class="col-md-8">
      {# 推荐课程 #}
      {% set recommendCourses  = data('RecommendCourses',{ count:3 }) %}
      {% if recommendCourses %}
        <div class="panel panel-autumn panel-autumn-primary">
          <div class="panel-heading panel-heading-important">
            <h2 class="panel-title">推荐课程 / <small>RecommendCourses</small></h2>
            <a class="pull-right more-autumn-primary" href="{{ path('course_explore', {'sort':'recommendedSeq'}) }}">More&gt;</a>
          </div>
          <div class="panel-body">
            <ul class="autumn-grids">
              {% for course in recommendCourses %}
                {% if course %}
                  <li class="autumn-grid autumn-course-grid">
                    <a href="{{ path('course_show', {id:course.id}) }}" class="course-picture"><img src="{{ default_path('coursePicture', course.middlePicture, 'large') }}">
                      {% if course.serializeMode == 'serialize' %}
                        <span class="label label-success series-mode-label">更新中</span>
                      {% elseif course.serializeMode == 'finished' %}
                        <span class="label label-warning series-mode-label">已完结</span>
                      {% endif %}
                    </a>
                    <h3 class="course-name"><a href="{{ path('course_show', {id:course.id}) }}">{{ course.title }}</a></h3>
                    <div class="course-about">{{ course.about|plain_text(60) }}</div>

                    <div class="course-metas">
                      <span class="price">{% if course.price > 0 %}{{ course.price }}元{% else %}免费{% endif %}</span>
                      <span class="teachers">
                         主讲：
                        {% for teacher in course.teachers %}
                         {{ web_macro.user_link(teacher, 'text-muted') }}
                        {% endfor %}
                      </span>
                    </div>
                  </li>
                {% endif %}
              {% endfor %}
            </ul>
          </div>
        </div>
      {% endif %}

      {# 最新课程 #}
      {% set latestCourses = data('LatestCourses',{ count:6 }) %}
      {% if latestCourses %}
        <div class="panel panel-autumn panel-autumn-default">
          <div class="panel-heading panel-heading-important">
            <h2 class="panel-title">最新课程 / <small>LatestCourse</small></h2>
            <a class="pull-right more-autumn-default" href="{{ path('course_explore') }}">More&gt;</a>
          </div>
          <div class="panel-body">
            <ul class="autumn-grids">
              {% for course in latestCourses %}
                {% if course %}

                  <li class="autumn-grid autumn-course-grid">
                    <a href="{{ path('course_show', {id:course.id}) }}" class="course-picture"><img src="{{ default_path('coursePicture',course.largePicture, 'large') }}">
                      {% if course.status == 'draft' %}
                        <span class="label  label-warning course-status">未发布</span>
                      {% elseif course.status == 'closed' %}
                        <span class="label label-danger course-status">已关闭</span>
                      {% endif %} 

                      {% if course.serializeMode == 'serialize' %}
                        <span class="label label-success series-mode-label">更新中</span>
                      {% elseif course.serializeMode == 'finished' %}
                        <span class="label label-warning series-mode-label">已完结</span>
                      {% endif %}

                      {% if course.type == 'live' %}
                        {% set lesson = course['lesson']|default(null) %}
                        {% if lesson and "now"|date("U") >= lesson.startTime and "now"|date("U") <= lesson.endTime %}
                          <span class="label label-warning series-mode-label">正在直播中</span>
                        {% else %}
                          <span class="label label-success series-mode-label">直播</span>
                        {% endif %}
                      {% endif %}
                    </a>
                    <h3 class="course-name"><a href="{{ path('course_show', {id:course.id}) }}">{{ course.title }}</a></h3>
                    <div class="course-about">{{ course.about|plain_text(60) }}</div>
                    
                    <div class="course-metas">
                      <span class="price">{% if course.price > 0 %}{{ course.price }}元{% else %}免费{% endif %}</span>
                      <span class="teachers">
                         主讲：
                        {% for teacher in course.teachers %}
                         {{ web_macro.user_link(teacher, 'text-muted') }}
                        {% endfor %}
                      </span>
                    </div>
                  </li>
                {% endif %}
              {% endfor %}
            </ul>
          </div>
        </div>
      {% endif %}

      {% if setting('course.live_course_enabled') %}
        {% if recentLiveCourses %}
          <div class="panel panel-autumn panel-autumn-primary">
            <div class="panel-heading panel-heading-important">
              <h2 class="panel-title">近期直播 / <small>LiveCourse</small></h2>
              {% if recentLiveCourses|length >= 1 %}
                <a class="pull-right more-autumn-primary" href="{{ path('live_course_explore') }}">More&gt;</a>
              {% endif %}
            </div>
            <div class="panel-body">
              <ul class="autumn-grids">
                {% for course in recentLiveCourses %}
                {% set lesson = course.lesson %}

                  {% if course %}
                    <li class="autumn-grid autumn-course-grid">
                      <a href="{{ path('course_show', {id:course.id}) }}" class="course-picture"><img src="{{ default_path('coursePicture',course.largePicture, '') }}">
                        {% if course.status == 'draft' %}
                          <span class="label  label-warning course-status">未发布</span>
                        {% elseif course.status == 'closed' %}
                          <span class="label label-danger course-status">已关闭</span>
                        {% endif %} 

                        {% if course.serializeMode == 'serialize' %}
                          <span class="label label-success series-mode-label">更新中</span>
                        {% elseif course.serializeMode == 'finished' %}
                          <span class="label label-warning series-mode-label">已完结</span>
                        {% endif %}

                        {% if course.type == 'live' %}
                          {% set lesson = course['lesson']|default(null) %}
                          {% if lesson and "now"|date("U") >= lesson.startTime and "now"|date("U") <= lesson.endTime %}
                            <span class="label label-warning series-mode-label">正在直播中</span>
                          {% else %}
                            <span class="label label-success series-mode-label">直播</span>
                          {% endif %}
                        {% endif %}
                      </a>
                      <h3 class="course-name"><a href="{{ path('course_show', {id:course.id}) }}">{{ course.title }}</a></h3>
                      <div class="live-course-lesson">
                        <span class="live-time mrm">{{ lesson.startTime|date('n月j日 H:i') }} ~ {{ lesson.endTime|date('H:i') }}</span>
                        <p class="text-warning mrs">{{ lesson.title }}</p>
                      </div>

                      <div class="course-metas">
                        <span class="price">{% if course.price > 0 %}{{ course.price }}元{% else %}免费{% endif %}</span>
                        <span class="teachers">
                           主讲：
                          {% for teacher in course.teachers %}
                           {{ web_macro.user_link(teacher, 'text-muted') }}
                          {% endfor %}
                        </span>
                      </div>
                    </li>
                  {% else %}
                    <div class="empty">无推荐课程，请在后台课程管理设置。</div>
                  {% endif %}
                {% endfor %}
              </ul>


            </div>
          </div>
        {% endif %}
      {% endif %}

      {# 最新资讯 #}

      {% set articles = data('LatestArticles',{'count':4}) %}
      {% if articles %}
        <div class="panel panel-autumn panel-autumn-default">
          <div class="panel-heading panel-heading-important">
            <h2 class="panel-title">最新资讯 / <small>The latest infomation</small></h2>
            <a class="pull-right more-autumn-default" href="{{ path('article_show') }}">More&gt;</a>
          </div>
          <div class="panel-body news">
            <ul class="row">
            {% for article in articles %}
              {% if article %}
                <li class="col-md-6">
                  <em>{{ article.updatedTime|date('m-d H:i') }} </em>
                  <a href="{{ path('article_detail', {id:article.id}) }}"> <span>[{{ article.category.name }}]</span>{{ article.title }} </a>
                </li>
              {% endif %}
            {% endfor %}
            </ul>
          </div>
        </div>
      {% endif %}


      {# 课程讨论 #}
      {% set threads = data('EliteCourseThreadsByType',{'count':4, 'type':'discussion'}) %}
      {% if threads %}
        <div class="panel panel-autumn panel-autumn-primary">
          <div class="panel-heading panel-heading-important">
            <h2 class="panel-title">课程讨论 / <small>Recommended Copics</small></h2>
          </div>
          <div class="panel-body topic">
            <ul class="row">
              {% for thread in threads %}
                {% if thread %}
                  <li class="col-md-6">
                    <div class="topic-item">
                      <h4>
                        <a href="{{ path('course_thread_show', {courseId:thread.courseId, id:thread.id}) }}">{{ thread.title|plain_text(28) }}</a>
                      </h4>
                      <div class="topic-body">
                        {% set user = thread.user %}
                        {% set latestPostUser = thread.latestPostUser %}
                        <img src="{{ default_path('avatar',thread.user.mediumAvatar, '') }}" class="pull-left">
                        <h3>{{ user.nickname }}</h3>
                        <p><a href="{{ path('course_show', {id:thread.course.id}) }}">{{ thread.course.title }}</a></p>
                      </div>

                      <p class="topic-bottom">
                        <span>{{ web_macro.user_link(latestPostUser) }}  </span>
            {{ thread.latestPostTime|smart_time }}回复
                        <span class="pull-right">共 {{ thread.postNum }} 个回复</span>
                      </p>
                    </div>
                  </li>
                {% endif %}
              {% endfor %}
            </ul>
          </div>
        </div>
      {% endif %}
      
      {# 讲师团 #}
      {% set teachers = data('RecommendTeachers',{'count':'3'}) %}
      {% if teachers %}
        <div class="panel panel-autumn panel-autumn-default">
          <div class="panel-heading panel-heading-important">
            <h2 class="panel-title">讲师团 / <small>Teachers</small></h2>
            <a class="pull-right more-autumn-default" href="{{ path('teacher') }}">More&gt;</a>
          </div>
          <div class="panel-body teachers">
            <ul class="row teacher-grids">
              {% for teacher in teachers %}
                {% if teacher %}
                  <li class="col-sm-6 col-md-4">
                    <div class="teachers-item">
                      <a href="{{ path('user_show', {id:teacher.id}) }}">
                       <img class="img-circle" src="{{ default_path('avatar',teacher.mediumAvatar, '') }}">
                      </a>
                        <span>{{ web_macro.user_link(teacher) }}</span>
                          <i> {{ teacher.title }}</i>
                          <p> {{ teacher.about|plain_text(50) }}</p>
                       </div>
                  </li>
                {% endif %}
              {% endfor %}
              </ul>
          </div>
        </div>
      {% endif %}

      {# 会员专区 #}
      {% if setting('vip.enabled') %}
        {% set levels = data('VipLevels',{'count':100}) %}
        {% if levels %}
          <div class="panel panel-autumn panel-autumn-primary">
            <div class="panel-heading panel-heading-important">
              <h2 class="panel-title">会员专区 / <small>Member Of The Zone</small></h2>
            </div>
            <div class="panel-body vip">
              <ul class="row vip-lists">
                {% for level in levels %}
                  {% if level %}
                    <li class="col-sm-12">
                      <div class="vip-item">
                        <div class="row">
                          <div class="col-sm-4 col-md-4">
                            <a href="{{ path('vip_course_explore', {levelId:level.id}) }}">
                            <img class="img-responsive" src="{{ level.picture|default(asset('assets/img/default/vip-default.png')) }}" alt="{{ level.name }}">
                          </div>
                          </a>
                          <div class="col-sm-5 col-md-5">
                            <h3>{{ level.name }}</h3>
                            <p>{{ level.description|plain_text(40) }}</p>
                          </div>
                          <div class="vip-price col-sm-3 col-md-3">
                            <h4>¥&nbsp;{{ level.monthPrice }}</h4>
                            <h4><a href="{{ path('vip_buy') }}" class="btn btn-success">立即购买</a></h4>
                          </div>
                        </div>
                      </div>
                    </li>
                  {% endif %}
                {% endfor %}
                </ul>
            </div>
          </div>
        {% endif %}
      {% endif %}

      {# 小组 #}
      {% if setting('group').group_show|default(1) %}
        {% set groups = data('HotGroup', {'count':15}) %}
        {% if groups %}
          <div class="panel panel-autumn panel-autumn-default hot-group">
            <div class="panel-heading panel-heading-important">
              <h2 class="panel-title">最热小组</h2>
              <a href="{{path('group_search_group')}}" class="pull-right">更多&gt;</a></div>
            <div class="panel-body">
               <ul class="list-unstyled">
                {% for group in groups %}
                  {% if group.status=='open' %} 
                    <li class="col-md-6"> 
                      <div class="panel">
                         <div class="media">
                            <a href="{{path('group_show',{id:group.id})}}" title="{{group.title}}" class="pull-left">
                              {% if group.logo %}
                              <img src="{{file_path(group.logo)}}" alt="{{group.title}}">
                              {%else%}
                              <img src="{{asset('assets/img/default/group.png')}}" alt="{{group.title}}">
                              {%endif%}
                            </a>
                            <div class="media-body">
                              <p><a  href="{{path('group_show',{id:group.id})}}" title="{{group.title}}">{{group.title|sub_text(10)}}</a></p>
                              <div class="text-muted text-normal">
                                {{group.memberNum}}个成员&nbsp;
                                {{group.threadNum}}个话题
                              </div>
                            </div> 
                          </div>
                        </div>
                      </li>
                    {% endif %}
                {% endfor %}
              </ul>
            </div>
          </div>
        {% endif %}
      {% endif %}

    </div>

    <div class="col-md-4">
      {# 在学课程 #}
      {% if app.user %}
        {{ render(controller('TopxiaWebBundle:Default:userlearning')) }}
      {% endif %}
      
      {# 热门标签 #}
      {% set tags = data('Tags',{'count':5}) %}
      {% if tags %}
        <div class="panel panel-autumn panel-autumn-default">
          <div class="panel-heading side-autumn-default">
            <h2 class="panel-title">热门标签 / <small>Hot Labels</small></h2>
          </div>
          <div class="panel-body">
            <div class="tag-list">
                {% for tag in tags %}
                  {% if tag %} 
                    <a href="{{ path('tag_show', {name:tag.name}) }}"> {{ tag.name }}</a>
                  {% endif %}
                {% endfor %}
            </div>
          </div>
        </div>
      {% endif %}

      {# 课程排行榜 #}
      {% set coursesRank = data('CourseRankByStudent',{'count':5}) %}
      {% if coursesRank %}
        <div class="panel panel-autumn panel-autumn-primary">
          <div class="panel-heading side-autumn-primary">
            <h2 class="panel-title">课程排行榜 / <small>Top10</small></h2>
          </div>
          <div class="panel-body">
            <ul class="media-list courses-rank">
              {% for course in coursesRank %}
                {% if course %}
                  <li class="media">
                    <a href="{{ path('course_show', {id:course.id}) }}">
                      <div class="course-item">
                        <img src="{{ default_path('coursePicture',course.largePicture, 'large') }}"  class="img-responsive thumb pull-left">
                        <div class="course-title">{{ course.title }}</div>
                      </div>
                    </a>
                  </li>
                {% endif %}
              {% endfor %}
            </ul>
          </div>
        </div>
      {% endif %}

      {# 学员动态 #}
      {% set learns = data('PersonDynamic', {'count':5}) %}
      {% if learns %}
        <div class="panel panel-autumn panel-autumn-default status-side">
          <div class="panel-heading side-autumn-default">
            <h2 class="panel-title">学员动态 / <small>Students Dynamic</small></h2>
          </div>
          <div class="panel-body">
            <ul class="media-list">
              {% for learn in learns %}
                {% if learn.type == "finished_testpaper" %}
                <li class="media">
                  <a class="pull-left" href="{{ path('user_show', {id:learn.user.id}) }}">
                    <img class="media-object" src="{{ default_path('avatar',learn.user.mediumAvatar, '') }}">
                  </a>
                  <div class="media-body">
                    <a href="{{ path('user_show', {id:learn.user.id}) }}">{{learn.user.nickname}}</a>
                    完成了考试 {{learn.properties.testpaper.name|plain_text(15)}}
                  </div>
                </li>



                {% elseif learn.type == "finished_homework" %}
                <li class="media">
                  <a class="pull-left" href="{{ path('user_show', {id:learn.user.id}) }}">
                    <img class="media-object" src="{{ default_path('avatar', learn.user.mediumAvatar, '') }}">
                  </a>
                  <div class="media-body">
                    <a href="{{ path('user_show', {id:learn.user.id}) }}">{{learn.user.nickname}}</a>
                    完成了 课程 {{learn.properties.course.title|default('')|plain_text(15)}} 课时 {{learn.properties.lesson.title|default('')|plain_text(15)}} 下的作业
                  </div>
                </li>


                {% elseif learn.type == "finished_exercise" %}
                <li class="media">
                  <a class="pull-left" href="{{ path('user_show', {id:learn.user.id}) }}">
                    <img class="media-object" src="{{ default_path('avatar', learn.user.mediumAvatar, '') }}">
                  </a>
                  <div class="media-body">
                    <a href="{{ path('user_show', {id:learn.user.id}) }}">{{learn.user.nickname}}</a>
                    完成了 课程 {{learn.properties.course.title|default('')|plain_text(15)}} 课时 {{learn.properties.lesson.title|default('')|plain_text(15)}} 下的练习
                  </div>
                </li>
                                  
                {% elseif learn.type == "become_student" %}
                <li class="media">
                  <a class="pull-left" href="{{ path('user_show', {id:learn.user.id}) }}">
                    <img class="media-object" src="{{ default_path('avatar',learn.user.mediumAvatar, '') }}">
                  </a>
                  <div class="media-body">
                    <a href="{{ path('user_show', {id:learn.user.id}) }}">{{learn.user.nickname}}</a>
                    加入了课程 {{learn.properties.course.title|plain_text(15)}}
                  </div>
                </li>
                {% elseif learn.type == "learned_lesson" %}
                <li class="media">
                  <a class="pull-left" href="{{ path('user_show', {id:learn.user.id}) }}">
                    <img class="media-object" src="{{ default_path('avatar',learn.user.mediumAvatar, '') }}">
                  </a>
                  <div class="media-body">
                    <a href="{{ path('user_show', {id:learn.user.id}) }}">{{learn.user.nickname}}</a>
                    完成了课时 {{learn.properties.lesson.title|plain_text(15)}}
                  </div>
                </li>
                {% endif %}
              {% endfor %}
            </ul>
          </div>
        </div>
      {% endif %}

      {# 学员评价 #}
      {{ render(controller('TopxiaWebBundle:Default:latestReviewsBlock', {number:5})) }}

      {# 最热话题 #}
      {% if setting('group').group_show|default(1) %}
        {% set hotThreads = data('HotThreads', {'count':11}) %}
        {% if hotThreads %}
          <div class="panel panel-autumn panel-autumn-default hot-threads">
            <div class="panel-heading panel-heading-important">
              <h2 class="panel-title">最热话题</h2>
            </div>
            <div class="panel-body">
              <ul class="text-list">
                {% for thread in hotThreads %}
                  {% if thread %}
                    <li style="border-bottom:none;background:url('{{asset('assets/img/default/triangle.png')}}') no-repeat 0 3px;padding-left:8px;padding-top:0px;margin-bottom:8px;"><a  href="{{path('group_thread_show',{id:thread.groupId,threadId:thread.id})}}">{{thread.title|sub_text(15)}}</a></li>
                  {% endif %}
                {% endfor %}
              </ul>
            </div>
          </div>
        {% endif %}
      {% endif %}

    </div>

  </div>

{% endblock %}